import { createApp, watchEffect } from 'vue';
import { registerAccessDirective } from '@vben/access';
import { registerLoadingDirective } from '@vben/common-ui';
import { preferences } from '@vben/preferences';
import { initStores } from '@vben/stores';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import '@vben/styles';
import '@vben/styles/ele';
import { useTitle } from '@vueuse/core';
// import { ElLoading } from 'element-plus';
import { $t, setupI18n } from '#/locales';
// import { initComponentAdapter } from './adapter/component';
import App from './app.vue';
import { router } from './router';
import ShensiUI from '@shensi/ui';
import { usePageMeta } from '#/hooks/usePageMeta';
import { useUserStore } from '@vben/stores';
import { usePreferencesUpdate } from '#/hooks/usePreferencesUpdate';
// import { useRemResize } from "#/hooks/useRemSize"

async function bootstrap(namespace: string) {
  // 初始化组件适配器
  // await initComponentAdapter();
  // // 设置弹窗的默认配置
  // setDefaultModalProps({
  //   fullscreenButton: false,
  // });
  // // 设置抽屉的默认配置
  // setDefaultDrawerProps({
  //   zIndex: 2000,
  // });
  const app = createApp(App);

  // 注册Element Plus提供的v-loading指令
  // app.directive('loading', ElLoading.directive);

  // 注册Vben提供的v-loading和v-spinning指令
  registerLoadingDirective(app, {
    loading: false, // Vben提供的v-loading指令和Element Plus提供的v-loading指令二选一即可，此处false表示不注册Vben提供的v-loading指令
    spinning: 'spinning',
  });

  // 国际化 i18n 配置
  await setupI18n(app);

  // 配置 pinia-tore
  await initStores(app, { namespace });

  // 安装权限指令
  registerAccessDirective(app);

  // 初始化 tippy
  // const { initTippy } = await import('@vben/common-ui/es/tippy');
  // initTippy(app);

  // 配置路由及路由守卫
  app.use(router);
  app.use(ElementPlus);
  app.use(ShensiUI);
  // 配置Motion插件
  // const { MotionPlugin } = await import('@vben/plugins/motion');
  // app.use(MotionPlugin);

  // 动态更新标题
  watchEffect(() => {
    if (preferences.app.dynamicTitle) {
      const userStore = useUserStore();
      const routeTitle = router.currentRoute.value.meta?.title ?? '';
      const pageTitle =`${routeTitle} | ${userStore.tenant?.shortName ?? ''}`;
      useTitle(pageTitle);
    }
  });

  // 初始化 preferences 更新
  usePreferencesUpdate();

  // 初始化页面元信息（标题和图标）
  usePageMeta();

  // useRemResize(1920)
  app.mount('#app');
}

export { bootstrap };
